<template lang="html">
  <div class="message">
    <TopBack :topBackText='topBackText' />
    <MessageList :MessageListData='MessageListData'/>
  </div>
</template>

<script>
import TopBack from '../../components/TopBack'
import MessageList from '../../components/Index/MessageList'
export default {
  name:'Message',
  components:{
    TopBack,
    MessageList
  },
  data(){
    return{
      topBackText:{
        centerText:'收到的消息',
        rightText:''
      },
      MessageListData:[
        {
          img:require('@/assets/img/mine/mine_img_06.png'),
          username:'放肆的青春',
          date:'2016年11月22日',
          keywords:'【 图片 】'
        },
        {
          img:require('@/assets/img/mine/mine_img_07.png'),
          username:'放肆的青春',
          date:'2016年11月22日',
          keywords:'【 图片 】'
        },
        {
          img:require('@/assets/img/mine/mine-message_11.png'),
          username:'放肆的青春',
          date:'2016年11月22日',
          keywords:'【 图片 】'
        },
        {
          img:require('@/assets/img/mine/mine-message_14.png'),
          username:'放肆的青春',
          date:'2016年11月22日',
          keywords:'【 图片 】'
        },
        {
          img:require('@/assets/img/mine/mine-message_17.png'),
          username:'放肆的青春',
          date:'2016年11月22日',
          keywords:'【 图片 】'
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>

.message{
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
}

</style>
